.music-list {
  width: 800px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin: 0 auto;
  header {
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: orange;
    border-bottom: 1px solid hotpink;
  }
  main {
    overflow: hidden;
    .keyword {
      display: block;
      width: 80%;
      height: 28px;
      margin: 5px auto 0;
      outline: none;
      border: 1px solid #ccc;
      border-radius: 5px;
      text-indent: 2em;
    }
    .content {
      padding: 0 10px;
      box-sizing: border-box;
      li {
        margin: 5px 0;
        border-bottom: 1px dashed skyblue;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }
  footer {
    height: 30px;
    margin: 10px;
    span {
      float: left;
      width: 25px;
      height: 25px;
      border: 1px solid #ccc;
      cursor: pointer;
      text-align: center;
      line-height: 25px;
      border-right: none;
    }
    span:last-child {
      border-right: 1px solid #ccc;
    }
    span.active {
      background-color: lightgreen;
      color: #fff;
    }
  }
}